<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/goodsDetil.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script src="../js/interface.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="header">
        <div class="w clearfix">
            <ul class="headLeft">
                <li class="district clearfix">
                    <span>中国大陆</span>
                    <span></span>
                    <ul class="diSub">
                        <li>全球</li>
                        <li>中国大陆</li>
                        <li>中国香港</li>
                        <li>中国台湾</li>
                        <li>中国澳门</li>
                        <li>韩国</li>
                        <li>马来西亚</li>
                        <li>澳大利亚</li>
                        <li>新加坡</li>
                        <li>新西兰</li>
                        <li>加拿大</li>
                        <li>日本</li>
                    </ul>
                </li>
                <li class="tips">
                    <a href="./login.html" class="login">亲，请登录</a>
                    <a href="./register.html" class="regist">免费注册</a>
                    <div class="exit">退出</div>
                </li>
                <li>
                    <a href="javascript:;" class="mobile">手机逛淘宝</a>
                </li>
            </ul>
            <ul class="headRight">
                <li class="">
                    <a href="index.html">淘宝首页</a>
                </li>
                <li class="myTaobao">
                    <a href="javascript:;">我的淘宝</a>
                    <i></i>
                    <ul class="subNav">
                        <li>我的足迹</li>
                        <li>已买到的宝贝</li>
                    </ul>
                </li>
                <li class="shopCar">
                    <i class="icon"></i>
                    <a href="javascript:;" class="toCar">购物车<span class="count">0</span></a>
                    <i></i>
                    <ul class="subNav">
                        <li><span>您购物车里还没有任何宝贝。</span><a href="./shoppingCar.html" class="toCar">查看我的购物车</a></li>
                    </ul>
                </li>
                <li>
                    <i></i>
                    <a href="javascript:;">收藏夹</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">商品分类</a>
                </li>
                <li>
                    <a href="javascript:;">免费开店</a>
                </li>
                <li class="separated">
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">千牛卖家中心</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">联系客服</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">网站导航</a>
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="headerCon w clearfix">
        <h1 class="logo">
            <a href="javascript:;"><i class="iconfont">&#xe647</i></a>
        </h1>
        <div class="store">
            <div class="storeName"><a href="javascript:;">蜻蜓旗舰店</a></div>
            <div class="slogo"><a href="#"></a></div>
        </div>
        <div class="search">
            <input type="text" class="searchCon" placeholder="请输入关键词">
            <a href="javascript:;" class="searchBtn">搜天猫</a>
        </div>
    </div>
    <div class="tp-shop"></div>
    <div class="product w">
        <div class="showImg">
            <div class="showGoods">
                <img class="specImg" src="../images/goods_.webp" alt="">
                <div class="shadow"></div>
            </div>
            <div class="list">
                <ul class="showList cl">
                    <li>
                        <img src="../images/goods_.webp" alt="" class="active">
                    </li>
                    <li>
                        <img src="../images/goods.webp" alt="">
                    </li>
                    <li>
                        <img src="../images/goods_.webp" alt="">
                    </li>
                    <li>
                        <img src="../images/goods.webp" alt="">
                    </li>
                    <li>
                        <img src="../images/goods_.webp" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="goodsDetail">
            <div class="scaleGoods">
                <img src="../images/goods_.webp" class="bigImg" alt="">
            </div>
            <p class="goodsInfo">2021春秋季新款连帽卫衣男士潮流宽松干饭人上衣服秋装长袖薄外套</p>
            <div class="collection">
                <p>收藏加购 优先发货</p>
            </div>
            <div class="golden">
                <img src="../images/guoqing.png" alt="">
                <span>此商品活动中，请尽快购买！</span>
            </div>
            <div class="panel">
                <span>￥</span><span class="price"></span>
            </div>
            <div class="freight">
                <span>运费</span>
            </div>
            <div class="ind">
                <ul>
                    <li class="InSales">月销量<span>2000+</span></li>
                    <li class="evaluation">累计评价<span>1891</span></li>
                    <li class="integral">送天猫积分19起</li>
                </ul>
            </div>
            <div class="key">
                <ul>
                    <li>
                        <div class="keyTitle">尺寸</div>
                    </li>
                    <li class="color">
                        <div class="keyTitle">颜色</div>
                    </li>
                    <li>
                        <div class="keyTitle">数量</div>
                        <input type="text" class="counts">
                        <div class="changeCount">
                            <div class="add"></div>
                            <div class="reduce"></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="action">
                <a href="javascript:;" class="buy">立即购买</a>
                <a href="javascript:;" class="appendToCar">加入购物车</a>
            </div>
            <div class="service">
                服务承诺
            </div>
        </div>
    </div>
    <div class="loginPopUp">
        <p>亲~ 您还没登录,登录一下呗</p>
        <button class="determine">确定</button><button class="cancel">取消</button>
    </div>
    <div class="go w">
        <p>加入成功,要不要购物车走一波</p>
        <button class="confirm">确定</button><button class="abrogate">取消</button>
    </div>
    <div class="footer">
        <div class="w">
            <div class="ally clearfix">
                <span><a href="#">阿里巴巴集团</a></span>
                <b>|</b>
                <span><a href="#">淘宝网</a></span>
                <b>|</b>
                <span><a href="#">天猫</a></span>
                <b>|</b>
                <span><a href="#">聚划算</a></span>
                <b>|</b>
                <span><a href="#">全球速卖通</a></span>
                <b>|</b>
                <span><a href="#">阿里巴巴国际交易市场</a></span>
                <b>|</b>
                <span><a href="#">1688</a></span>
                <b>|</b>
                <span><a href="#">阿里妈妈</a></span>
                <b>|</b>
                <span><a href="#">飞猪</a></span>
                <b>|</b>
                <span><a href="#">淘小铺</a></span>
                <b>|</b>
                <span><a href="#">阿里云计算</a></span>
                <b>|</b>
                <span><a href="#">AspanOS</a></span>
                <b>|</b>
                <span><a href="#">阿里通信</a></span>
                <b>|</b>
                <span><a href="#">一淘</a></span>
                <b>|</b>
                <span><a href="#">万网</a></span>
                <b>|</b>
                <span><a href="#">高德</a></span>
                <b>|</b>
                <span><a href="#">UC</a></span>
                <b></b>
                <span><a href="#">友盟</a></span>
                <b>|</b>
                <span><a href="#">阿里安全</a></span>
                <b>|</b>
                <span><a href="#">大麦网</a></span>
                <b>|</b>
                <span><a href="#">钉钉</a></span>
                <b>|</b>
                <span><a href="#">支付宝</a></span>
                <b>|</b>
                <span><a href="#">优酷</a></span>
                <b>|</b>
                <span><a href="#">土豆</a></span>
                <b>|</b>
                <span><a href="#">阿里健康</a></span>
                <b>|</b>
                <span><a href="#">阿里影业</a></span>
                <b>|</b>
                <span><a href="#">网商银行</a></span>
            </div>
            <ul class="about clearfix">
                <li><a href="#">关于淘宝</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">廉正举报</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">诚征英才</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">隐私权政策</a></li>
                <li><a href="#">法律声明</a></li>
                <li><a href="#">知识产权</a></li>
                <li><a href="#">不当竞争举报</a></li>
                <li><a href="#">规则意见征集</a></li>
                <li style="color: #e4dddd;">|</li>
                <p>© 2003-现在 Taobao.com 版权所有</p>
            </ul>
            <div class="hdThree">
                <span><a href="#">增值电信业务经营许可证：浙B2-20080224</a></span>
                <b>|</b>
                <span><a href="#">增值电信业务经营许可证（跨地区）：B2-20150210</a></span>
                <b>|</b>
                <span><a href="#">浙网文（2019）1033-086号</a></span>
                <b>|</b>
                <span style="color: #9c9c9c;">浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            </div>
            <div class="hdFour">
                <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
                <b>|</b>
                <span>短消息类服务接入代码使用证书:号【2016】00154-A01</span>
                <b>|</b>
                <span>信息网络传播视听许可证：1109364号</span>
                <b>|</b>
                <span>出版物网络交易平台服务经营备案号:新出发浙备字第002号</span>
            </div>
            <div class="hdSix clearfix">
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </div>
        </div>
    </div>
</body>
<script src="../js/goodsDetail.js"></script>
<script src="../js/gotoShopCar.js"></script>
<script src="../js/search.js"></script>
<script src="../js/changeCount.js"></script>

</html>